<!DOCTYPE html>
<html>
<head profile="http://gmpg.org/xfn/11" xmlns:addthis="http://www.addthis.com/help/api-spec">
<meta charset="UTF-8">
<title>{:C('WEB_SITE_TITLE')}</title>
<meta http-equiv="X-UA-Compatible">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Index/css/bootstrap.min.css"/>
<link href="__PUBLIC__/Index/dist/css/swiper.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="__PUBLIC__/Index/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto[gallery2] main stylesheet" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Index/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Index/css/sf_style.css" >
<meta property="og:title" content="{$list.title}">
<meta property="og:description" content="{$list.description}">
<meta property="og:url" content="http://sfhousing.net/index.php?s=/Home/Property/detail/id/{$list.id}.html#">
<style>
 #jiathis_webchat img{ width:200px; height: 200px}   
</style>

</head>
<body>

<!--top-->
<!--<div class="top_background"><img src="images/top.png" /></div>-->
<include file="Public/header"/>

<!--top end--> 
<!--search-->
<div class="details_search fleft gallery clearfix">
  <div class="form-group search_li">
       <form action="{:U('search')}" method="post">
    <input type="text" name='title'  class="form-control" placeholder="請輸入房源，地區">
    <button type="submit" class="btn btn-default">搜索<i class="fa fa-search search_ico"></i></button>
       </form>
  </div>
</div>
<!--search end-->
<div class="details_property gallery clearfix">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <div class="swiper-container swiper1"> 
          
          <!-- Carousel items -->
          <div class="swiper-wrapper">
              <foreach name="photo" item="data">
                  <if condition="$key eq 0">
            <div class="swiper-slide coll_img c-e-i"><a href="#"><img src="__ROOT__{:get_cover($data,$field = path)}" /></a>
              <div class="hover_img"><a href="__ROOT__{:get_cover($data,$field = path)}"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
            </div>
  <else/>  <div class="swiper-slide coll_img c-e-i"><a href="#"><img src="__ROOT__{:get_cover($data,$field = path)}" /></a>
               <div class="hover_img"><a href="__ROOT__{:get_cover($data,$field = path)}"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
            </div>
                  </if>
              </foreach>
          </div>
          <!-- Carousel nav --> 
          <div class="swiper-button-prev swiper-button-prev1"><i class="fa fa-angle-left c-s-i"></i></div>
        <div class="swiper-button-next swiper-button-next1"><i class="fa fa-angle-right c-s-i"></i></div>
        </div>
        <div class="details_property_bottom">
          <div><a class="scroll col-mw" href="#picture_top">外景圖 </a></div>
          <div><a class="scroll" href="#picture_top">實景圖</a></div>
          <div><a class="scroll" href="#map">交通圖 </a></div>
          <div class="fron_right"><a class="scroll" href="#products">戶型圖</a></div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="new_property_title"><a href="#">{$list.title}</a></div>
        

        <div class="new_property_btn"> <a href="Details_Property.html">
         <foreach name='tags' item='vo'>
             <if condition="$vo eq null">
                 
                 <else /> 
                 <input type="button" value="{$vo}" class="btn-{$key+1} btn" />
                 </a> <a href="#">
             </if>
                
                </empty>
          
              </foreach>
        </div>
        <div class="new_property_font">
        <div class="price_title">價格：</div>
          <div class="price">{$list.price}</div>
          <div class="price_right">元/平方尺</div>
 
          <div class="price_bottom">首付{$list.pay}萬起　{$list.size}{$list.units}</div>
  

        </div>
        <div class="right_font_content"> 
          房屋價格：{$list.unit  }{$price} 　　   預估交易費：　 约{$list.unit  } {$list.fee}<br />
          　　房型：{$list.shi} 室　 {$list.ting} 廳 　{$list.wei} 衛　 {$list.che} 車庫<br />
          房屋屬性：{$list.attribute}<br />

<div class="jiathis_style_32x32">
       <a class="jiathis_button_weixin"><i class="fa fa-weixin ey-ico"></i></a>
        <a href="javascript:;" onclick="jiathis_sendto('fb');return false;" class="jiatitle"><span class="jtico jtico_fb"><i class="fa fa-facebook ey-ico"></i></span></a>
	
</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>

        </div>
        <div class="call_ico"> <i class="fa fa-phone"></i> </div>
        <div class="call_num"> {$list.tel} </div>

      </div>

    </div>

    <div class="row information_li" id="products">
      <ul class="col-md-6 col-xs-12">
        <li class="col-md-4 information col-xs-4"><a class="scroll" href="#information_top">詳細信息</a></li>
        <li class="col-md-4 information col-xs-4"><a class="scroll" href="#picture_top">樓盤相冊</a></li>
        <li class="col-md-4 information col-xs-4"><a class="scroll" href="#map">地理位置</a></li>
      </ul>
    </div>
    <div class="row dtd">
      <div class="information_title col-md-12 col-mw" id="information_top">物業特色</div>
      <div class="information_content col-md-12">{$list.description}</div>
    </div>
    <div class="dtd">
    <div class="row col-img-li" id="picture_top">
      <div class="col-md-12 col-img-title col-mw">外景圖</div>
      <foreach name='photo' item='vo'>
     <div class="col-md-3 col-md-offset-1 col_img c-e-i"><img src="__ROOT__{:get_cover($vo,$field = path)}" />
        <div class="hover_img"><a href="__ROOT__{:get_cover($vo,$field = path)}"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
     </div>
        </foreach>

    </div>
    <div class="row col-img-li">
      <div class="col-md-12 col-img-title col-mw">實景圖</div>
             <foreach name='photo2' item='data2'>
      <div class="col-md-3 col-md-offset-1 col_img c-e-i"><img src="__ROOT__{:get_cover($data2,$field = path)}" />
        <div class="hover_img"><a href="__ROOT__{:get_cover($data2,$field = path)}"  rel="prettyPhoto[gallery2]"><i class="fa fa-picture-o img_ico"></i></a></div>
      </div>
             </foreach>
    </div>
    </div>
    <div class="row dtd">
      <div class="col-md-12 col-img-title col-mw">地理位置</div>
      <div id="map" class="col-md-11 col-md-offset-1">
        <div class="map_copy"></div>
       <div class="map_forn btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
           <form id="form2"  method='post' action="{:U('Property/gmap')}" target="test">
               <input type="text" name="place" style="display: none" value="{$list.place}">
           </form>
           <a id='place'>查看地圖</a></div>
      </div>
    </div>
  </div>
</div>
 <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-body">
              <iframe nme='iframe1' id='iframe1' name="test" style="width:900px; height:500px; border:none; overflow:hidden" ></iframe>
          </div>
        </div>
      </div>
    </div>
    <!-- Modal end-->
    
    
    

<include file="Public/footer"/>
<script>
     $('.nav_top li').removeClass('cur');
    $(".nav_top li:eq(1)").addClass('cur');
    $('#place').click(function(){
      
        $('#form2').submit();
    });
    </script>
</body>
</html>
